<template>
  <h2>父组件传来的值{{title}}</h2>
  <p>插槽用来展示父组件传入的内容
    匿名插槽没有name属性，所以是匿名插槽，那么，插槽加了name属性，就变成了具名插槽。
    
  </p>
  <slot></slot>
  <slot name="up"></slot>
  <slot name="down"></slot>
  <div>
    <span>作用域插槽 | 带数据的插槽</span>
    <slot :data="data"></slot>
  </div>
  
</template>

<script setup>
const props = defineProps({
    title: {
            type:Array
        }
})
const data = ['zhangsan','lisi','wanwu','zhaoliu','tianqi','xiaoba']
</script>

<style>

</style>